<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>我的资质</title>
    <link type="text/css" rel="stylesheet" href="css/index.css"/>
    <script type="text/javascript" src="js/jquery-3.6.0.min.js"></script>
    <link type="text/css" rel="stylesheet" href="css/bootstrap.min.css"/>
    <script src="js/dataFiling.js"></script>
</head>
<body>
<div id="header"></div>

<div id="jkrxxrz"></div>

<div class="container" style="width: 60%">
    <form id="updateForm" class="form-horizontal" role="form" enctype="multipart/form-data">
        <!-- <input type="hidden" name="userId" th:value="${session.loginUser.userId}"></input> -->
        <div class="form-group" style="text-align: center;">
            <label>身份证正面</label><br/><br/>
            <label for="idfv">
                <img src="images/add.jpg" width="120px" height="76px"/><br/>
                上传图片
            </label>
            <input type="file" id="idfv" name="file" onclick="uploadPreview(this)" style="position:absolute;clip:rect(0 0 0 0);"/>
        </div>

        <div class="form-group" style="text-align: center;">
            <label>身份证反面</label><br/><br/>
            <label for="idrv">
                <img src="images/add.jpg" width="120px" height="76px"/><br/>
                上传图片
            </label>
            <input type="file" id="idrv" name="file" onclick="uploadPreview(this)" style="position:absolute;clip:rect(0 0 0 0);"/>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">工作单位</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" name="workUnit"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">所在地</label>
            <div class="col-sm-3">
                <select class="form-control" id="province" name="province"
                        onchange="getCityByProId(this.value)"></select>
            </div>
            <div class="col-sm-3">
                <select class="form-control" id="city" name="city" onchange="getDistrictByCityId(this.value)"></select>
            </div>
            <div class="col-sm-3">
                <select class="form-control" id="district" name="district"></select>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">详细地址</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" name="address"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">单位电话</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" name="tel"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">月收入</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" name="monthlyIncome"/>
            </div>
        </div>

        <div class="form-group" style="text-align: center;">
            <label>房产证</label><br/><br/>
            <label for="propertyOwnership">
                <img src="images/add.jpg" width="120px" height="76px"/><br/>
                上传图片
            </label>
            <input type="file" id="propertyOwnership" name="file" onclick="uploadPreview(this)" style="position:absolute;clip:rect(0 0 0 0);"/>
        </div>

        <div class="form-group" style="text-align: center;">
            <label>机动车行驶证</label><br/><br/>
            <label for="vehicleLicense">
                <img src="images/add.jpg" width="120px" height="76px"/><br/>
                上传图片
            </label>
            <input type="file" id="vehicleLicense" name="file" onclick="uploadPreview(this)" style="position:absolute;clip:rect(0 0 0 0);"/>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">学历</label>
            <div class="col-sm-10">
                <select class="form-control" id="education" name="education"></select>
            </div>
        </div>

        <div class="form-group" style="text-align: center;">
            <label>银行流水</label><br/><br/>
            <label for="bankStatement">
                <img src="images/add.jpg" width="120px" height="76px"/><br/>
                上传图片
            </label>
            <input type="file" id="bankStatement" name="file" onclick="uploadPreview(this)" style="position:absolute;clip:rect(0 0 0 0);"/>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">担保公司</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" name="guarantorCompany"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">担保人</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" name="guarantor"/>
            </div>
        </div>

        <div class="form-group">
            <label class="col-sm-2 control-label">贷款用途</label>
            <div class="col-sm-10">
                <input class="form-control" type="text" name="loanPurpose"/>
            </div>
        </div>

        <div class="form-group">
            <div class="col-sm-offset-5 col-sm-2" style="text-align: center;">
                <button onclick="updateDataFiling()" type="button" class="btn btn-default">提交</button>
            </div>
        </div>
    </form>
</div>

<div style="margin-top: 30px"></div>

<div id="footer"></div>
</body>
</html>